$(document).ready(function () {
    setImg();
    addClick();
    addSizeClick();
    inputNum();
    goodsInit();
    selectComment();
    getHeight();
});



function setImg() {
    $('.goods-left .big-img').eq(0).css("display", "block");
    $('.goods-left .small-img').eq(0).css("border", "1px solid #00ff00");
    var length = $('.goods-left .big-img').length;
    for (var i = 0; i < length; i++) {
        (function (i) {
            $('.goods-left .small-img').eq(i).mouseenter(function () {
                for (var j = 0; j < length; j++) {
                    $('.goods-left .big-img').eq(j).css("display", "none");
                    $('.goods-left .small-img').eq(j).css("border", "none");
                }
                $('.goods-left .big-img').eq(i).css("display", "block");
                $('.goods-left .small-img').eq(i).css("border", "1px solid #00ff00");
            })
        })(i)
    }
}

function addClick() {
    $('#add').click(function () {
        var total = parseInt($("#oddTotal").text());
        var num = parseInt($('#num').val()) + 1;
        $('#num').val(num);
        if (num >= total) {
            $('#num').val(total);
            showAlert('商品数码不能大于该商品总数。');
        }
    });
    $('#dec').click(function () {
        var num = parseInt($('#num').val()) - 1;
        $('#num').val(num);
        if (num <= 1) {
            $('#num').val('1');
            showAlert("商品数量不能小于1");
        }
    })
}

function addSizeClick() {
    var length = $('#size a').length;
    var total = $("#oddTotal").text();
    for (var i = 0; i < length; i++) {
        (function (i) {
            $('#size a').eq(i).click(function () {
                if ($('#size a').eq(i).attr("data-status") == "false") {
                    for (var j = 0; j < length; j++) {
                        $('#size a').eq(j).attr('data-status', "false");
                        $('#size a .item').eq(j).css("border", "1px solid #999");
                    }
                    $('#size a .item').eq(i).css("border", "2px solid #F40");
                    $('#size a').eq(i).attr('data-status', "true");
                    var getCount = $('#size a').eq(i).attr('data-count');
                    $("#oddTotal").text(getCount);
                } else {
                    $('#size a').eq(i).attr("data-status", "false");
                    $('#size a .item').eq(i).css("border", "1px solid #999");
                    $("#oddTotal").text(total);
                }
            })
        })(i)
    }
}

function inputNum() {
    $("#num").change(function () {
        var count = parseInt($('#num').val());
        var total = parseInt($("#oddTotal").text());
        if (count < 1) {
            $('#num').val('1');
            showAlert("商品数量不能小于1");
        }
        if ($('#num').val() == '') {
            $('#num').val('1');
            showAlert("请填写正确的宝贝数量");
        }
        if (count > total) {
            $('#num').val(total);
            showAlert('商品数码不能大于该商品总数。');
        }
    });
}

function goodsInit() {
    var html = $('.content-center').attr('data-val');
    $('.goods-content').append(html);
}

function buyGoods() {
    if ($('a[data-status="true"]').length > 0) {
        console.log('.........goum');
    } else {
        showAlert('请选择尺码');
    }
}
function addCart() {
    if ($('a[data-status="true"]').length > 0) {
        console.log('.........goum');
    } else {
        showAlert('请选择尺码');
    }
}

function getHeight() {
    var height = $('.content-center').innerHeight();
    console.log(height);
    $('.goods-describe .equal').css("height", height);
    $('.goods-describe').css("height", height);
}

function showContent(id) {
    if (id == 'comment') {
        $('.goods-content').css("display", "none");
        $('.comment').css("display", "block");
        $('#describe').removeClass('active');
        $('#comment').addClass('active');
    }
    if (id == "describe") {
        $('.goods-content').css("display", "block");
        $('.comment').css("display", "none");
        $('#comment').removeClass('active');
        $('#describe').addClass('active');
    }
    getHeight();
}

function selectComment() {
    var length = $('.comment .content .item li').length;
    console.log(length);
    for (var i = 0; i < length; i++) {
        (function (i) {
            $('.comment .content .item li').eq(i).click(function () {
                for (var j = 0; j < length; j++) {
                    $('.comment .content .item li a').eq(j).css('color','#999');
                }
                $('.comment .content .item li a').eq(i).css('color','#f40');
            })
        })(i)
    }
}